<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="zh_CN">
<head>
  <meta charset="UTF-8"/>
  <title>管理员编辑书籍</title>
  <style>
    .container {
      margin-top: 30px;
      width: 25% !important;
    }
  </style>
</head>
<body>
<link rel="stylesheet" th:href="@{/css/bootstrap-3.3.7.css}">
<script th:src="@{/script/jquery-2.1.1.js}"></script>
<script th:src="@{/script/bootstrap-3.3.7.js}"></script>
<div class="container">
  <form th:action="@{/test}" method="post" role="form" enctype="multipart/form-data">
    <legend>编辑图书</legend>
    <div class="mb-3">
      <label for="book-name" class="form-label">图书名称：</label>
      <input type="text" placeholder="请输入图书名" class="form-control input-sm" name="book-name"
             id="book-name"/>
    </div>
    <br/>
    <div class="mb-3">
      <label for="book-author" class="form-label">作者名称：</label>
      <input type="text" placeholder="请输入作者名" class="form-control input-sm" name="book-author"
             id="book-author"/>
    </div>
    <br/>
    <div class="mb-3">
      <label for="book-price" class="form-label">图书价格：</label>
      <input type="text" placeholder="请输入图书价格" class="form-control input-sm" name="book-price"
             id="book-price"/>
    </div>
    <br/>
    <div class="mb-3">
      <label for="book-detail" class="form-label">图书简介：</label>
      <input type="text" placeholder="请输入图书简介" class="form-control input-sm" name="book-detail"
             id="book-detail"/>
    </div>
    <br/>
    <div class="mb-3">
      <label for="book-stock" class="form-label">图书库存：</label>
      <input type="number" placeholder="请输入图书库存" class="form-control input-sm" name="book-stock"
             id="book-stock"/>
    </div>
    <br/>
    <div class="mb-3">
      <label>封面图片类型：</label><br/>
      <label class="radio-inline">
        <input type="radio" name="is-local-image" value="option1" checked> 书籍封面图片链接
      </label>
      <label class="radio-inline">
        <input type="radio" name="is-local-image" value="option2"> 本地上传书籍封面图
      </label>
    </div>
    <br/>
    <div class="mb-3">
      <label for="book-img-url" class="form-label">图书封面图片url链接：</label>
      <input type="text" class="form-control input-sm" placeholder="请输入图书封面图片url链接" name="book-img-url"
             id="book-img-url"/>
    </div>
    <br/>
    <div class="mb-3">
      <label for="book-img-local" class="form-label">本地上传图书封面图片：</label>
      <input type="file" name="book-img-local" id="book-img-local"/>
    </div>
    <br/>
    <input type="submit" value="提交" class="btn btn-block btn-info"/>
  </form>
</div>


</body>
</html>
